/*
 * Main Div used to set the overall container of the table
 */

div.htmltabledivui{
	clear:both;
	width: 65%;
	margin: 10px auto;
}	

div.htmltabledivui div.body{
	clear:both;
	margin:0px auto;
	text-align: center;		
}

div.htmltabledivui div.header div.header-container{
	position:relative;
	float: left;
	width: 100%;
	text-align: center;
	display: inline;
}

div.htmltabledivui div.header div.header-container span{
	font-weight: bold;
}

div.htmltabledivui div.header,
div.htmltabledivui div.body{
	width: 100%;
}
/*
div.htmltabledivui div.header table{
	border: 1px solid #0E509E;
}
*/


div.htmltabledivui div.header table.header-table, 
div.htmltabledivui div.body table.body-table {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

.ui-widget-header{
	/*background-image: url("../img/bg.png");/* repeat-x scroll 50% 50%;
	background-color: #B7D6E7;*/
}

/*
 * 
div.htmltabledivui div.header table.header-table tbody tr td, 
div.htmltabledivui div.body table.body-table tr.body-header th{
	background-image: url("../img/bg.png");
}
*/

/*
div.htmltabledivui div.header table.header-table tbody tr, 
div.htmltabledivui div.header table.header-table tbody tr td, 
div.htmltabledivui div.body table.body-table tr.body-footer, 
div.htmltabledivui div.body table.body-table tr.body-subtitle,
div.htmltabledivui div.body table.body-table tr.body-header, 
div.htmltabledivui div.body table.body-table tr.body-header th{
	background-color: #B7D6E7;
	color: black;
}
*/

div.htmltabledivui div.header table.header-table tbody tr td{
	padding: 5px 2px;
}

div.htmltabledivui div.header div.header-container div.controls{
	position: absolute;
	left:0px;
	top:0px;
}

div.htmltabledivui div.header div.header-container div.extra{
	float: right;
	vertical-align: sub;
}

div.htmltabledivui div.header div.header-container div.extra span{
	font-size: 75%;
	font-weight: normal;
}



div.htmltabledivui div.header table.header-table tr td.header-mode{
	clear: both;
	padding-right: 5px;
	text-align: center;
}

div.htmltabledivui div.header table.header-table tr td.header-mode div.header-mode-button,
div.htmltabledivui div.header table.header-table tr td.header-mode div.header-send-button{
	width: 16px;
	height: 16px;
	cursor: pointer;
	float: right;
}

div.htmltabledivui div.header table.header-table tr td.header-mode div.header-mode-button{
	background-image: url("../img/editmode.png");
}

div.htmltabledivui div.header table.header-table tr td.header-mode div.editmode{
	background-image: url("../img/viewmode.png");
}

div.htmltabledivui div.header table.header-table tr td.header-mode div.header-send-button{
	background-image: url("../img/send.png");
}

div.htmltabledivui div.header table.header-table tr td.header-mode div.ajaxLoading{
	background-image: url("../img/ajax-comets.gif");
}

div.htmltabledivui div.header table.header-table,
div.htmltabledivui div.body table.body-table{
	margin-top:0px;
	margin-bottom:0px;
	/*text-align: center;*/
	width: 100%;
}

/*
div.htmltabledivui div.body table.body-table{
	border-top: 0px solid #0E509E;
	border-right: 1px solid #0E509E;
	border-bottom: 1px solid #0E509E;
	border-left: 1px solid #0E509E;
}
*/


/*
 * TABLE CELLS
 */
div.htmltabledivui div.body table.body-table tr.body-header td,
div.htmltabledivui div.body table.body-table tr.body-header th,
div.htmltabledivui div.body table.body-table tbody tr td,
div.htmltabledivui div.body table.body-table tfoot tr td{
	/*border: 1px solid #0E509E;*/
	text-align: center;
}

div.htmltabledivui div.body table.body-table thead tr.body-subtitle td{
	text-align: center;
}

div.htmltabledivui div.body table.body-table tbody tr td{
	font-size: 80%;
	border: 1px solid;
}

div.htmltabledivui div.body table.body-table tbody tr td:first-child{
	border-left: 0px;
}

div.htmltabledivui div.body table.body-table tbody tr td:last-child{
	border-right: 0px;
}

div.htmltabledivui div.body table.body-table tr.body-header, 
div.htmltabledivui div.body table.body-table tr.body-header th{
	text-align: center;
}

div.htmltabledivui div.body table.body-table tr.body-header th:first-child{
	border-left: 0px;
}

div.htmltabledivui div.body table.body-table tr.body-header th:last-child{
	border-right: 0px;
}



/*
 * STRIPING
 */

/*div.htmltabledivui div.body table.body-table tbody tr.odd-row, 
div.htmltabledivui div.body table.body-table tbody tr.odd-row td{
	background-color: #FFFFFF;
}

div.htmltabledivui div.body table.body-table tr.even-row, 
div.htmltabledivui div.body table.body-table tr.even-row td{
	background-color: #EFF4FA;
}*/
div.htmltabledivui div.body table.body-table thead tr td,
div.htmltabledivui div.body table.body-table tfoot tr td{
    /*background: none repeat scroll 0 0 #EFF4FA;*/
   border-bottom: 0px solid;
}

div.htmltabledivui div.body table.body-table tr:nth-child(2n) td{
   /*background: none repeat scroll 0 0 #EFF4FA;*/
   /*border-bottom: 1px solid;*/
}	

/*
 * Row editing styles
 */
div.htmltabledivui div.body table.body-table tbody tr.editrow td{
    background: none repeat scroll 0 0 #FFFFFF;
    color: black;
}

div.htmltabledivui div.body table.body-table tbody tr.editrow:hover td{
    background: none repeat scroll 0 0 #FFC3C3;
}

div.htmltabledivui div.body table.body-table tbody tr.modified td{
    background: none repeat scroll 0 0 #C3FFC3;
}

div.htmltabledivui div.body table.body-table tr.visiblerow{
    display: table-row;
}

div.htmltabledivui div.body table.body-table tr.hiddenrow{
    display: none;
}

/**
 * 	Sorter CSS
 */
div.htmltabledivui div.column-data{
	clear: both;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	vertical-align: middle;
}

div.htmltabledivui div.column-name{
	display: inline;		
	text-align: center;
}

div.htmltabledivui div.column-sort-image{
	margin-top: 2px;
	padding: 0px;
	width: 9px;height:10px;
	/*background-image: url("../img/nosort.png");*/
	display: inline;
	float:right;
	vertical-align: middle;
}

div.htmltabledivui div.body table.body-table tr.body-header th.headerSortDown div.column-sort-image{
	background-image: url("../img/sortup.png");
}
div.htmltabledivui div.body table.body-table tr.body-header th.headerSortUp div.column-sort-image{
	background-image: url("../img/sortdown.png");
}


/**
 * 	FORM
 */
#edit-form{
	position: absolute;
	top: 50px;
	left: 50px;
	z-index: 1000;
/*	background-color: #E5ECF9;
	border: 1px solid #0E509E;
	-moz-border-radius: 15px;
	border-radius: 15px;
*/
}
#edit-form .ui-widget-header{
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
}
#edit-form div.edit-table-row,#edit-form table{
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#edit-form .ui-widget-content{
	padding: 10px;
}

#edit-form td{
	text-align: right;
	padding: 0px;
}

#edit-form label{
	text-align: left;
}
#edit-form input.text{

}

